html,
body {
  font-size: 62.5%;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 16px;
  margin: 2rem 0;
  display: block;
}

.fmc_recipe img {
  margin: 0;
}

h2 {
  margin-top: 1.6rem;
}

.fmc_how_to_step_grid_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.fmc_how_to_step_grid_container.fmc_two_col_layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.fmc_how_to_step_grid_container.fmc_one_col_layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem; /* malo više razmaka za bolji flow */
  
}

.fmc_how_to_step_grid_container.fmc_one_col_layout .fmc_how_to_step img {
  aspect-ratio: 16 / 9;
  
}


.fmc_how_to_step {
  display: flex;
  flex-direction: column;
}

.fmc_how_to_step img {
  aspect-ratio: 1/1;
}

.fmc_video_wrapper iframe {
  width: 100%;
}

.additional_content_how_to {
  margin: 4rem 0;
}

.margin-md {
  margin: 4rem 0;
}

.margin-sm {
  margin: 2rem 0;
}

.margin-top-sm {
  margin-top: 2rem;
}

.fmc_faq_question {
  margin-top: var(--spacing-3);
}

/* FAQ */

.fmc_faq_question {
  width: 100%;
  border-radius: 11px;

  font-size: 2rem;
  padding: 2rem;
  background-color: #f9f9f9;

  border: none;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fmc_faq_answer {
  display: none;

  padding: 2rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 1.6rem;
  line-height: 1.5;
}

.fmc_faq_item.active .fmc_faq_answer {
  display: block;
}

/* Rotacija SVG strelice */
.fmc_faq_icon svg {
  transition: transform 0.3s ease;
}

.fmc_faq_item.active .fmc_faq_icon svg {
  transform: rotate(180deg);
}

.fmc_ingredients_title_m {
  color: var(--color-1);
}

.rc_ingredients_m {
  padding: 25px;
}

/* END OF FAQ */

.card_m {
  margin-top: 6rem;
}

.custom-product-details .connection_product_heading {
  margin: 0;
  margin-bottom: 0 !important;
}

.fmc_mobile_logo img {
  margin: 0;
}

.woo-mini-cart__count {
  font-size: 1.8rem;
}

.fmc_macro {
  font-size: 1.6rem !important;
}

/* added fixes */

.recipe_ingredients_list li a {
  text-decoration: none;
  color: #e67e22;
  border-bottom: 1px solid currentcolor;
  transition: all 0.3s;
}

.recipe_ingredients_list li a:hover {
  border-bottom: 1px solid transparent;
  color: #cf711f;
}

.recipe_ingredients_list li {
  margin: 0.5rem 0;
}

#fmc_recipe_card_id .fmc_instacart_list { list-style: none; margin: 0; padding: 0; }
#fmc_recipe_card_id .fmc_instacart_list li { gap:10px align-items: center; margin: 0 0 10px; }
#fmc_recipe_card_id .ing-label { cursor: pointer; }
#fmc_recipe_card_id .ing-link { text-decoration: none; }

#fmc_recipe_card_id .ing-check:checked + .ing-label .ing-text {
  text-decoration: line-through;
  opacity: .65;
}

.note img,
.sub img,
.optional img {
  width: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 4px;
  border-radius: 0;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.ing-label a span{
  color: #e67e22;
}

.fmc_recipe_card .rc_steps {
  padding: 25px;
  border-top: 1px solid #e0e0e0;
}

.fmc_recipe_card .rc_nutrition {
  padding: 25px;
  border-top: 1px solid #e0e0e0;
}

.affiliate-notice a {
  text-decoration: none;
    color: #e67e22;
    border-bottom: 1px solid currentcolor;
    transition: all 0.3s;
}

.affiliate-notice a:hover {
    color: #cf6d17;
    border-bottom: 1px solid currentcolor;
}

@media screen and (max-width: 600px) {
    .fmc_how_to_step_grid_container {
        grid-template-columns: 1fr;
    }
}